<template>
  <div class="container">
    <TrafficRoutes class="trafficRoutes"></TrafficRoutes>
    <TrafficTools class="trafficTools"></TrafficTools>
    <TrafficVolume class="trafficVolume"></TrafficVolume>
  </div>
</template>
<script lang="ts" setup>
import TrafficRoutes from './components/trafficRoutes.vue'
import TrafficTools from './components/trafficTools.vue'
import TrafficVolume from './components/trafficVolume.vue'
</script>
<style lang="scss" scoped>
.container{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  .trafficRoutes,.trafficTools,.trafficVolume{
    position: relative;;
    width: 100%;
    height: 33%;
  }
}
</style>
